<template>
  <!-- MyContactList 我的人脉 -->
  <PageContainer>
    <view class="container">
      <Header title="我的人脉" />
      <Paglist v-model="dataList" :is-init-api="true" :parame="{}" @register="register">
        <template v-for="(v, i) in dataList" :key="v.memberLeadingId">
          <MemberCardItem :item="v" type="list" margin-bottom="30rpx" />
        </template>
      </Paglist>
    </view>
  </PageContainer>
</template>

<script lang="ts" setup>
  /**  MyContactList  我的人脉 */
  import PageContainer from '@/components/PageContainer/index.vue';
  import { myMemberContacts } from '@/api/member';
  import { type MemberContactsVoList } from '@/api/member/types';
  import Header from '@/components/Header/index.vue';
  import { useConList } from '@/components/Paglist/useConList';
  import { provide, ref } from 'vue';
  import Paglist from '@/components/Paglist/index.vue';
  import MemberCardItem from '@/components/ContactsMap/components/MemberCardItem.vue';

  provide('api', myMemberContacts);

  const [register, { refresh }] = useConList();
  const dataList = ref<MemberContactsVoList[]>([]);
</script>

<style lang="scss" scoped></style>
